<template>
	<view class="mall-notice-layer-cn">
		<view class="cn-content">
			<!-- 有效商品 -->
			<ty-layer-pop-up v-if="show" @overlayClick="close">
				<!-- 浮层内容 -->
				<view class="layer-content" @click.stop="">
					<!-- 关闭按钮 -->
					<view class="close-icon" @click="close">
						<text class="tyIcon-close-round-line line-height-50 text-50 text-ff"></text>
					</view>
					
					<!--  -->
					<view class="flex flex-direction align-center bg-ff radius-30" style="overflow: hidden;">
						
						<view class="width-100p height-150 bg-main text-center text-60 text-bold text-ff"
							style="line-height:150rpx;">恭喜您</view>
							
						<view class="padding-50 text-center text-28">
							设置抢购提醒成功，小二会在场次开启前{{minute}}分钟通知小主，望小主勿忘!
						</view>
					</view>
				</view>
			</ty-layer-pop-up>
		</view>

		<view class="cn-layer">
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			// 是否显示浮层
			show: {
				type: Boolean,
				default: false
			},
			type: {
				type: [Number, String],
				default: 1
			},
			minute: {
				type: [Number, String],
				default: 10
			}
		},
		methods: {
			/**
			 * 关闭浮层
			 */
			close() {
				this.$emit("update:show", false)
			},
		}
	}
</script>

<style scoped>
	/* 浮层内容 */
	.layer-content {
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 600rpx;
	}
	
	/* 关闭按钮 */
	.close-icon{
		position: absolute;
		right: 0;
		top: -100rpx;
	}
</style>